// 导入 React，用来创建 react 元素的
import React, { Component } from 'react';
// 导入对应渲染平台库
import ReactDOM from 'react-dom/client';

// 渲染根节点
const root = ReactDOM.createRoot(document.getElementById('root'));

// 定义一个类组件
class Hello1 extends React.Component {
  render() {
    return <div>Hello1类组件</div>;
  }
}

class Hello2 extends Component {
  render() {
    return <div>Hello2类组件</div>;
  }
}

// 不渲染任何内容 null/undefined
class Hello3 extends Component {
  render() {
    return null;
  }
}

// 渲染到页面上
root.render(
  <div>
    <Hello1 />
    <Hello2 />
    <Hello3 />
  </div>
);
